<template>
  <context-menu class="contextMenu">
    <node-menu>
      <menu-li command="copy" text="复制节点"/>
      <menu-li command="delete" text="删除节点"/>
    </node-menu>
    <edge-menu>
      <menu-li command="delete" text="删除线条"/>
    </edge-menu>
    <!-- <group-menu>
      <menu-li command="copy" text="复制分组"/>
      <menu-li command="delete" text="删除分组"/>
      <menu-li command="unGroup" icon="ungroup" text="取消分组" />
    </group-menu> -->
    <!-- <multi-menu>
      <menu-li command="copy" text="复制"/>
      <menu-li command="paste" text="粘贴"/>
      <menu-li command="addGroup" icon="group" text="添加分组" />
      <menu-li command="delete" text="删除"/>
    </multi-menu> -->
    <canvas-menu>
      <menu-li command="undo" text="撤销"/>
      <menu-li command="redo" text="重做"/>
      <menu-li command="pasteHere" icon="paste" text="粘贴" />
    </canvas-menu>
  </context-menu>
</template>

<script>
import { NodeMenu, EdgeMenu, GroupMenu, MultiMenu, CanvasMenu, ContextMenu } from 'vg-editor';
import MenuLi from './MenuItem';

export default {
  name: 'FlowContextMenu',
  components: {
    NodeMenu,
    EdgeMenu,
    GroupMenu,
    MultiMenu,
    CanvasMenu,
    ContextMenu,
    MenuLi
  }
};
</script>

<style lang="scss">
@import './style.scss';
</style>
